
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<!-- iOS specific -->
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 
	<title>Cloudwalk Digital - Digital Agency</title>

    <link rel="stylesheet" type="text/css" href="inc/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="inc/css/bootstrap-responsive.css" />
	<link href="images/new_logo.png" rel="icon">
	
    <script type="text/javascript" src="inc/js/bootstrap.js"></script>
  	<script type="text/javascript" src="inc/js/jquery.js"></script>
	<script type="text/javascript" src="inc/js/bootstrap-carousel.js"></script>
	<script type="text/javascript" src="inc/js/bootstrap-transition.js"></script>
	<script type="text/javascript" src="inc/js/bootstrap-dropdown.js"></script>
	<script type="text/javascript" src="inc/js/bootstrap-collapse.js"></script>
	<script type="text/javascript" src="inc/js/bootstrap-modal.js"></script>
	<script type="text/javascript" src="inc/js/ajax.js"></script>
	<script type='text/javascript' src="inc/js/less-1.3.0.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	
    <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-37296277-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
  
    
    
  
  <style type='text/css'>
	@font-face
	{
		font-family: Casper;
		src: url('inc/font/Casper.ttf');	  
	}
	
	@font-face
	{
		font-family: Monda;
		src: url('inc/font/Monda.ttf');	  
	}
  
	.img_services{
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width:200%;
		width:240px;
		height:240px;
	}
	
	.img_services_div{
		margin-left: 13%;
	}
	
	.img_services_span2{
		margin-right: 5%;
	}
	
	.txt_services{
		width: 240px;
		font-size: 18px;
		text-align:center;
		margin-top:15px;
	}

	.copy{
		color: #898989;
		padding-left: 38px;
		margin-top: 85px;
	}

	.cloudwalk_text{
		position: absolute;
		left:0px;
		padding: 10px 15px 0px;
		margin-top: 10px;
		width:18%;
		margin-left: 10px;
	}

	.cloudwalk_logo{	
		float:right;
		margin-top: 10px;
		width:50px;
		height:50px;
		padding: 0px 60px 0px 0px;
	}
	.page1{
		height:100%;
		margin-bottom:100px;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.page_start{
		margin-bottom:100px;
	}
	.page{
		margin-bottom:100px;
		height:700px;
		max-height:700px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.page_last{
		height:700px;
		max-height:700px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.page_team{
		margin-bottom:100px;
		height:700px;
		max-height:700px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.team_icon
	{
		width:180px;
		margin-top: 1px;
	}
	
	.services_icon{
		display:block; 
		margin-left:auto;
		margin-right:auto;
		margin-top: 30px;
	}
	
	.services_icon2{
		display:block; 
		margin-left:auto;
		margin-right:auto;
		margin-top: 43px;
	}
	
	.page2_content{
		font-family: Casper, Arial, sans-serif;
		height:50%;
		font-size:20pt;
		margin-top:25px;
		margin-bottom:30px;
		text-align:center;
		line-height: 28px;
	}
	
	.page2_para{
		margin-bottom:20px;
	}
	
	.page_header{
		font-size:30pt;
		margin:0px;
		text-align:center;
	}
	
	.page4_with_bg{
		margin-bottom:100px;		
		max-height:700px;
		padding-top: 50px;
		padding-bottom: 50px;		
		height: 550px;
		background-image: url(images/products_bg.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		margin-top:20px;
		
	}
	
	.contact_us{
		text-align:center;
		diplay:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	.contact_us2{
		margin-top:0px;
		text-align:center;
		diplay:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	form{
		diplay:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	#formail .submitc:hover
	{
		background: #D56C1F;
	}
	
	#formail .submitc
	{
		background: #F6822C;
		border: 0;
	}
	
	.submitc
	{
		min-width: 157px;
	}
	
	
	
	.ask-holder .asked:hover, .ask-holder2 .asked2:hover
	{
		background: #D56C1F;
	}
	
	.ask-holder .asked, .ask-holder2 .asked2
	{
		background: #F6822C;
		border: 0;
	}
	
	.ask-holder
	{
		min-width: 122px;
	}
	
	.asked
	{
		font-size:14px;
		min-width: 96px;
	}
	.email_us{
		margin-top:20px;		
	}
	
	.span_services{
		margin-right: 10.1%;
	}
	
	.span_services_last{
		margin-right: 0px;
	}
	
	.blue{
		width:90%;
		display: block; height: 1px;
    	border-top: 2px solid #00bff3;
    	margin-left:5%;margin-right:5%; padding: 0; 
		margin-bottom: 10px;
	}
	
	.orange{
		width:90%;
		display: block; height: 1px;
    	border-top: 2px solid #f6822c;
    	margin-left:5%;margin-right:5%; padding: 0; 
		margin-top: 10px;
	}
	
	.orange2{
		clear:both;
		width:90%;
		display: block; height: 1px;
    	border-top: 0px solid #f6822c;
    	border-bottom: 2px solid #f6822c;
    	margin-left:5%;margin-right:5%; padding: 0; 
		margin-top: 10px;
		padding-top:20px;
	}
	
	.about_main_img{
		width: 100%;
		height:  100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.actives
	{
		color: #EE7624 !important;
		border-bottom-width:2px;
		border-bottom-style:solid;
		border-bottom-color:#EE7624;
	}
		
	.opt_right{
		text-align:right;
		margin-top:5px;
		margin-right:25px;
		width:75px;
		color:#898989;
	}
	
	.opt_small
	{
		width:55px;
		color:#898989;
	}
	
	.cwd_logo{
		margin-left: 50px;
		margin-right: 50px;
	
	}
	
	
	#myCarousel {
    width: 100%;
	}

	.social a.cssmouseoverfacebook
			{
				display:block;
				width:24px;
				height:24px;
				background:url('images/f.png');
				background-repeat: no-repeat;
			}
			.social a.cssmouseoverfacebook:hover 
			{
				background-position:-24px;
			}
			.social a.cssmouseovertwiter
			{
				display:block;
				width:24px;
				height:24px;
				background:url('images/t.png');
				background-repeat: no-repeat;
			}
			.social a.cssmouseovertwiter:hover 
			{
				background-position:-24px;
			}
			.social a.cssmouseovergoogle
			{
				display:block;
				width:24px;
				height:24px;
				background:url('images/g.png');
				background-repeat: no-repeat;
			}
			.social a.cssmouseovergoogle:hover 
			{
				background-position:-24px;
			}
			.social a.cssmouseoverlnkin
			{
				display:block;
				width:24px;
				height:24px;
				background:url('images/in.png');
				background-repeat: no-repeat;
			}
			.social a.cssmouseoverlnkin:hover 
			{
				background-position:-24px;
			}
			.social a.cssmouseoverpint
			{
				display:block;
				width:24px;
				height:24px;
				background:url('images/at.png');
				background-repeat: no-repeat;
			}
			.social a.cssmouseoverpint:hover 
			{
				background-position:-24px;
			}
			.social ul li
			{
				list-style: none;
				display: inline-block;
				margin-left: 14px;
			}
	
.navbar-fixed-bottom { 

	padding:5px;
}

.links_fixed{
position:fixed;
right:0;
bottom:5px;
}

.email_text{
	width:83%;
}

.page2_header{
	position:absolute;
	width:100%;
	padding-top:20%;
}

.team_name{
	color:#f36279;
	font-size:20px;
}

.txt_team{
	width: 240px;
	font-size: 18px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
}

.team_position{
	color:#00bff3;
	font-size:16px;
}

.team_contact{
	display:none;
	color:#65cef4;
	font-weight:bold;
}

.map{
	width:100%; 
	height:550px;
}

.email_message_us{
	width:40%;
}



// Responsive css
	@media (max-width: 1348px) {
	  	
		.opt_right{
			margin-left:10px;
			margin-right:15px;
		}
	}
	
	
	@media (max-width: 1325px) {
	  	

		.opt_right{
			margin-left:10px;
			margin-right:10px;
		}
	}
	
	@media (max-width: 1315px) {
		.opt_right{
			margin-left:10px;
			margin-right:25px;
		}
	}
	
	@media (max-width: 1300px) {
		.opt_right{
			margin-left:0px;
			margin-right:10px;
		}
	}
	
	@media (max-width: 1250px) {
		.cwd_logo {
			margin-left: 70px;
			margin-right: 60px;
		}

		.opt_right{
			margin-left:0px;
			margin-right:10px;
		}
	}
	

	
	@media (max-width: 1200px) {	
	
		.opt_right{
		width:65px;
			margin-left:0px;
			margin-right:5px;
			font-size:12px;
		}
		.cwd_logo {
			margin-left: 40px;
			margin-right: 36px;
		}	
		
		.cloudwalk_logo{
	
		}
		
		.cloudwalk_text{
			padding: 10px 40px 0px;
		}
		
		.img_services {
			display: block;
			margin-left: auto;
			margin-right: auto;
			max-width: 200%;
			width: 180px;
			height: 180px;
		}
		
		.txt_services {
			width: 144px;
			font-size: 17px;
			text-align: center;
			margin-top: 15px;
			margin-left:18px;
			margin-right:18px;
		}

	}
	
	@media (max-width: 979px) {
		.cwd_logo{
			display:none;
		}
	}
	
	
	@media (min-width: 482px){
		.info-mobile
		{
			display:none;
		}
		
		.products-mobile
		{
			display:none;
		}
	}
	
	@media (max-width: 480px){
		.txt_services {
			width: 145px;
			font-size: 17px;
			text-align: center;
			margin-top: 10px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom:20px;
		}	
		
		.about_main_img{		
		height:  60% !important;
		}
		
		.dentist-slogan
		{
			font-size: 16px !important;
		}
		
		.dentist-title
		{
			font-size: 32px !important;
		}
		.dentist-pad
		{
			padding-top: 274px !important;
			padding-right: 24px !important;
		}
		
		.info-mobile
		{
			display:block;
		}
		
		.photo-pad
		{
			padding-top: 351px !important;
			padding-left: 20px !important;
		}
		
		.vant-title
		{
			padding-top: 304px !important;
			padding-left: 20px !important;
		}
		.vant-slogan
		{
			margin-left: 3px !important;
		}
		
		.venture
		{
			line-height:37px !important;
		}
		
		.copy-info
		{
			display:none;
		}
		
		.info-cloud
		{
			display:none;
		}
		
		.page2_header {
			padding-top: 18%;
		}
		
		.page2_content {
			font-size:17pt;
		}
		
		.img_services_div {
			margin-left: 0;
		}
		
		.page4_with_bg {
			display:none;
		}
		
		.page {
			margin-bottom: 100px;
			height: 700px;
			max-height: 700px;
			padding-top: 50px;
			padding-bottom: 50px;
		}
		
		.products-mobile
		{
			display:block;
		}
		
		.page_team {
			padding-top: 80px;
		}
		
		.page_start {
			margin-bottom: 140px;
		}
		
		.page1 {
			margin-bottom: 70px;
		}
		
		.page_last {
			padding-top: 990px;
		}
		.map{
			width: 180%;
			height: 40%;
		}
		
		.contact_us2 {
			margin-right: auto;
			margin-left:auto;
		}
		
		.copy{
			margin-top: 300px;
			margin-bottom: 5px;
		}
		
	}
	/*page 4*/
	.visit_photolive{
		float:right;
		text-decoration:none;
		font-size:16px;
		margin:8px 0 0 0; 
		padding:0;
		color: #3b3b3b;
    }
      
	.visit_photolive:hover{
		color:#f6822c;
	}


		 /* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
      color: #5a5a5a;
	  font-family: 'Casper',Arial;
	  overflow-x: hidden;
    }


    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

	.navbar{
		background: transparent;
	}
	
    /* Special class on .container surrounding .navbar, used for positioning it into place. */
    .navbar-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10;
      margin-top: 20px;
      margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
    }
    .navbar-wrapper .navbar {

    }

    /* Remove border and change up box shadow for more contrast */
    .navbar .navbar-inner {
      border: 0;
      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
              box-shadow: 0 2px 10px rgba(0,0,0,.25);
    }

    /* Downsize the brand/project name a bit */
    .navbar .brand {
      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
      font-size: 16px;
      font-weight: bold;
      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
    }

    /* Navbar links: increase padding for taller navbar */
    .navbar .nav > li > a {
      padding: 15px 20px;
    }

    /* Offset the responsive button for proper vertical alignment */
    .navbar .btn-navbar {
      margin-top: 10px;
    }



    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Carousel base class */
    .carousel {
      margin-bottom: 25px;
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
    }

    .carousel .item {
      
    }
    .carousel img {
      min-width: 100%;
    }

    .carousel-caption {
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: 200px;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }



    /* MARKETING CONTENT
    -------------------------------------------------- */

    /* Center align the text within the three columns below the carousel */
    .marketing .span4 {
      text-align: center;
    }
    .marketing h2 {
      font-weight: normal;
    }
    .marketing .span4 p {
      margin-left: 10px;
      margin-right: 10px;
    }


    /* Featurettes
    ------------------------- */

    .featurette-divider {
      margin: 80px 0; /* Space out the Bootstrap <hr> more */
    }
    .featurette {
      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
    }
    .featurette-image {
      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
    }

    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
    .featurette-image.pull-left {
      margin-right: 40px;
    }
    .featurette-image.pull-right {
      margin-left: 40px;
    }

    /* Thin out the marketing headings */
    .featurette-heading {
      font-size: 50px;
      font-weight: 300;
      line-height: 1;
      letter-spacing: -1px;
    }



   
		
    // Grays
// -------------------------
@black:                 #000;
@grayDarker:            #222;
@grayDark:              #333;
@gray:                  #555;
@grayLight:             #999;
@grayLighter:           #eee;
@white:                 #fff;
@orange:				#ee7624;

// Drop shadows
.box-shadow(@shadow) {
  -webkit-box-shadow: @shadow;
     -moz-box-shadow: @shadow;
          box-shadow: @shadow;
}

// Border Radius
.border-radius(@radius) {
  -webkit-border-radius: @radius;
     -moz-border-radius: @radius;
          border-radius: @radius;
}

// Gradients
#gradient {
  .vertical(@startColor: #555, @endColor: #333) {
    background-color: mix(@startColor, @endColor, 60%);
    background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
    background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
    background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
    background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
    background-image: linear-gradient(top, @startColor, @endColor); // The standard
    background-repeat: repeat-x;
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
  }
}

// Pills for indicating active image
// ---------------------------------

.carousel-pills {
  position: absolute;
  bottom: 10px;
  left:  46.98%;
  display: block;
  text-align: right;
}

.carousel-pills span {
  display: inline-block;
  margin: 0px 5px;
  width: 10px;
  height: 10px;
  .border-radius(15px);
  background: #333;
  @shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  .box-shadow(@shadow);
  cursor: pointer;

  &.active-pill {
	background: #ee7624;
    //#gradient > .vertical(@white, @orange);
  }

  &:hover {
    background: @orange;
  }
}



  </style>
  
  
  <style>
					
					/****** PAGE 4 ******/
					
						/* IMAGE 1*/
						.page4_img1_div{
							float:right;   
							 border: 2px solid #e1e1e1;
							 border-radius:10px;
							 padding: 20px;
							 margin: 90px 0 0 0;
							 width:25%;
							 text-align:center;
							 background-color:#fbfbfb;
						}
						
						.page4_img1_a1{
							margin:0 0 10px 20%;
							padding 0;
							both: clear;
							float:left;
						}
						
						.page4_img1_img{
							margin:0;
							padding 0;
						}
						
						.page4_img1_p1{
							color: #f6822c;
							margin:0;
							padding 0;
							width:100%;
							float:left;
							text-align:center;
							font-size:24px;
							margin-bottom: 8px;
						}
						
						.page4_img1_p2{
							color: #f6822c;
							margin: 0;
							padding 0;
							float:left;
							width:100%;
							font-size:24px;
							text-align:center;
						}
						
						.page4_img1_a2{
							float:left;
							margin:10px 0 0 10%;
							padding 0;
						}
						
						/* IMAGE 2*/
						.page4_img2_div{
								clear:both;
								 float:right;   
								 border: 2px solid #e1e1e1;
								 border-radius:10px;
								 padding: 20px;
								 margin:-2px 0 0 0;
								 width:60%;
								 text-align:center;
								 background-color:#fbfbfb;
						}
						
						
						.page4_img2_a1{
							margin:0 0 0 0;
												padding 0;
												both: clear;
												float:left;
						}
						
						.page4_img2_a2{
							margin:0 35% 0 0;
							padding 0;
							both: clear;
							float:right;
						}
						
						.page4_img2_p1{
							color: #3f3f3f;
								   margin:20px 0 0 0;
								   padding 0;
								   float:right;
								   font-size: 14px; 
								   line-height: 15px;
								   text-align:left;
						}
						
						.page4_img2_span{
								color: #3f3f3f;
								   margin:10px 0 0 0;
								   padding 0;
								   width:80%;
								   float:right;
								   font-size: 16px;
								   text-align:left;
						}
						
						.page4_img2_a3{
							float:right; margin: 0 0 0 5px; padding:0;
						}
						
						page4_img2_img{
							float:left;
						}
						
						.page4_img2_p2{
							float:left; margin:0; padding:0;
						}
						
							/* IMAGE 3*/
					.page4_img3_div{
						 float:left;   
								 border: 2px solid #e1e1e1;
								 border-radius:10px;
								 padding: 20px;
								 margin: 0 0 0 -2px;
								 width:43%;
								 text-align:left;
								 background-color:#fbfbfb;
					}
					
					.page4_img3_a1{
						margin:10px 0 10px 0;
												padding 0;
												both: clear;
												float:left;
					}
					
					.page4_img3_img{
					margin:0; padding 0; float:left;
					}
					
					.page4_img3_p1{
					
								   color: #3d3d3d;
								   margin:0;
								   padding 0;
								   width:100%;
								   float:left;
								   text-align:left;
								   line-height:15px;
								   margin-bottom: 8px;
					}
					
					.page4_img3_a2{
						float:right; margin: 10px 0 0 5px; padding:0;
					}
					
					.page4_img3_p2{
						float:left; margin:10px 0 0 0; padding:0;
					}
					
					/* IMAGE 4*/
					.page4_img4_div{
					 float:left;   
							 border: 2px solid #e1e1e1;
							 border-radius:10px;
							 padding: 20px;
							 margin: -2px 0 0 -2px;
							 width:25%;
							 text-align:center;
							 background-color:#fbfbfb;
							 clear:both;
					}
					
					.page4_img4_a1{
					margin:0 0 10px 30%;
											padding 0;
											both: clear;
											float:left;
					}
					.page4_img4_p1{
					 color: #f36279;
							   margin:0;
							   padding 0;
							   width:100%;
							   float:left;
							   font-size:24px;
							   text-align:center;
							   margin-bottom: 8px;
					}
					.page4_img4_p2{
					color: #f36279;
							   margin: 0;
							   padding 0;
							   float:left;
							   width:100%;
							   font-size:24px;
							   text-align:center;
					}
					.page4_img4_a2{
					float:left;
							   margin:10px 0 0 10%;
							   padding 0;
					}
				
				.container{
					width: 100%;
				}
				
				.container{
					width: 100%;
				}
						
	</style>


<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
/* Add LESS support to the browser */
(function(){ $('head style[type="text/css"]').attr('type', 'text/less');less.refreshStyles(); })();
    
$('.carousel').carousel({
  interval: 3000
})
});//]]>  


</script>

   <script type='text/javascript'>
	  $(document).ready(function() {
		
	   	redrawDotNav();
	
		/* Scroll event handler */
		$(window).bind('scroll',function(e){
			parallaxScroll();
			redrawDotNav();
		});
	   
		$('a.home').click(function(){
			$('html, body').animate({
				scrollTop:0
			}, 800, function() {
				//parallaxScroll(); // Callback is required for iOS
				//$('#page1').effect("bounce", { times:1, distance: 30, direction: 'up' }, 300);
			});
			$(this).addClass('actives');
			$('a.about').removeClass('actives');
			$('a.services').removeClass('actives');
			$('a.products').removeClass('actives');
			$('a.team').removeClass('actives');
			$('a.contact').removeClass('actives');
    	return false;
		});
		
		$('a.about').click(function(){
			$('html, body').animate({
				scrollTop:$('#about').offset().top
			}, 800, function() {
				//parallaxScroll(); // Callback is required for iOS
			});
			$(this).addClass('actives');
			$('a.home').removeClass('actives');
			$('a.services').removeClass('actives');
			$('a.products').removeClass('actives');
			$('a.team').removeClass('actives');
			$('a.contact').removeClass('actives');
			$('a.getin').removeClass('actives');
    	return false;
		});
		
		$('a.services').click(function(){
			$('html, body').animate({
				scrollTop:$('#services').offset().top
			}, 800, function() {
				//parallaxScroll(); // Callback is required for iOS
			});
			$(this).addClass('actives');
			$('a.home').removeClass('actives');
			$('a.about').removeClass('actives');
			$('a.products').removeClass('actives');
			$('a.team').removeClass('actives');
			$('a.contact').removeClass('actives');
			$('a.getin').removeClass('actives');
    	return false;
		});
		
		$('a.products').click(function(){
			$('html, body').animate({
				scrollTop:$('#products').offset().top
			}, 800, function() {
				//parallaxScroll(); // Callback is required for iOS
			});
			$(this).addClass('actives');
			$('a.home').removeClass('actives');
			$('a.about').removeClass('actives');
			$('a.services').removeClass('actives');
			$('a.team').removeClass('actives');
			$('a.contact').removeClass('actives');
			$('a.getin').removeClass('actives');
    	return false;
		});
		
		$('a.team').click(function(){
			$('html, body').animate({
				scrollTop:$('#team').offset().top
			}, 800, function() {
				//parallaxScroll(); // Callback is required for iOS
			});
			$(this).addClass('actives');
			$('a.home').removeClass('actives');
			$('a.about').removeClass('actives');
			$('a.products').removeClass('actives');
			$('a.services').removeClass('actives');
			$('a.contact').removeClass('actives');
			$('a.getin').removeClass('actives');
    	return false;
		});
		
		$('a.contact').click(function(){
			$('html, body').animate({
				scrollTop:$('#contact').offset().top
			}, 800, function() {
				//parallaxScroll(); // Callback is required for iOS
			});
			$(this).addClass('actives');
			$('a.home').removeClass('actives');
			$('a.about').removeClass('actives');
			$('a.products').removeClass('actives');
			$('a.team').removeClass('actives');
			$('a.services').removeClass('actives');
			$('a.getin').removeClass('actives');
    	return false;
		});
		
		//rezize slider
		var newWindowHeight = $(window).height();
		var newWindowWidth = $(window).width();
		$(".carousel-inner").css("height", newWindowHeight );
		//$("#myCarousel").css("width", newWindowWidth );
		$(".img_slider").css("height", newWindowHeight );
		$(".item").css("height", newWindowHeight );
		$(".item").css("width", newWindowWidth );
		$(window).bind("resize", resizeWindow);
			function resizeWindow( e ) {
			newWindowHeight = $(window).height();
			newWindowWidth = $(window).width();
			//alert('height: '+ newWindowHeight)			
			$(".carousel-inner").css("height", newWindowHeight );
			$(".item").css("height", newWindowHeight );
			$(".item").css("width", newWindowWidth );
			//$("#myCarousel").css("width", newWindowWidth );
			$(".img_slider").css("height", newWindowHeight );
			
		}

	});
	
	function parallaxScroll(){
		var scrolled = $(window).scrollTop();
		$('#parallax-bg1').css('top',(0-(scrolled*.25))+'px');
		$('#parallax-bg2').css('top',(0-(scrolled*.5))+'px');
		$('#parallax-bg3').css('top',(0-(scrolled*.75))+'px');
	}
	
	function redrawDotNav(){
	var section1Top =  0;
	// The top of each section is offset by half the distance to the previous section.
	var section2Top =  $('#about').offset().top - (($('#services').offset().top - $('#about').offset().top) / 2);
	var section3Top =  $('#services').offset().top - (($('#products').offset().top - $('#services').offset().top) / 2);
	var section4Top =  $('#products').offset().top - (($('#team').offset().top - $('#products').offset().top) / 2);
	var section5Top =  $('#team').offset().top - (($('#contact').offset().top - $('#team').offset().top) / 2);
	var section6Top =  $('#contact').offset().top - (($(document).height() - $('#contact').offset().top) / 2);
	var section7Top =  $('#contact').offset().top - (($(document).height() - $('#contact').offset().top) / 2);

	}

	
	
		$('.email_us').click(function(){
			$('#example').modal('show')  
		});
	
		$('#submit-form').live('click',function(){
			var name = $('#name2').val();
			var email = $('#mail2').val();
			var subject = $('#subject').val();
			var message = $('#text2').val();
			var datastr = 'name='+name+'&email='+email+'&msg='+message+'&subject='+subject;
			//alert(datastr);
			 $.ajax({
				type: 'post',
				url: 'index.php/home/mail',
				data: datastr,
				success: function(html)
				{
					$('#text2').val('');
					$('#mail2').val('');
					$('#name2').val('');
					$(".alert").show();
					setInterval(function(){$(".alert").hide()},6000);
				}
			});
			
			return false;
		});

	  </script>

</head>
<body style="background-image:url('images/bg_tile.png');">
		<!--Navigation-->
		
		<div class="navbar navbar-fixed-top">
				
				<div class="navbar-inner">
					<div class="containter">
						
						 <a href="#home" class="home"><img style="z-index: 12;" class="cloudwalk_text" src="images/cloudwalk.png" alt=""/></a>
						<ul class="nav" style="margin-left: 6%;">
							
							<li class="opt_first">
								<a id="tests" class="home opt_right opt_small actives" href="#home">HOME</a>
							</li>
							<li class="">
								<a class="opt_right about" href="#about">ABOUT US</a>
							</li>
							<li class="">
								<a class="opt_right services" href="#services">SERVICES</a>
							</li>
							<li class="">
								<a class="opt_right products" href="#products">PRODUCTS</a>
							</li>
							<li class="">
								<a class="opt_right team opt_small" href="#team">TEAM</a>
							</li>
							<li class="">
								<a class="opt_right contact" href="#contact">CONTACT</a>
							</li>
						</ul>
					
				
				<a class="home" href="#home"><img class="cloudwalk_logo" src="images/new_logo.png" alt="" /></a>
				</div>
				
			</div>
			
		</div>
		
		<!--CONTENT-->
		
		  <style type="text/css">
    .slider_text {
	  position:absolute;
	  top:10px;
      width:100%;
	  height:100%;
      display:block;
	  text-align:center;
	  vertical-align:middle;
    }
	.circle-bar
	{
		padding-left: 6px;
	}
	
	.page2_para a.contact:hover,.page2_para a.email-us2:hover
	{
		color:#00bff3;
	}
	.page2_para a.contact,.page2_para a.email-us2, .page2_para a.contact:visited
	{
		color:#f67c21;
	}
  </style>
  

		<!--PAGE 1-->
		<div id="page1" class="page_start">
			<div id="myCarousel" class="carousel slide">
			  <!-- Carousel items -->
				<div class="carousel-inner">
					<div class="active item" style="background:url('images/slider1.jpg') no-repeat;background-size: cover;background-position: 50% 50%;">
						<div class="carousel-caption" style="margin-top:0px;padding-top: 237px;text-align: center;margin: 0 auto;">
						  <h4 style="line-height: 27px;color: #02C7FD;font-weight: normal;font-size: 33px;">We are not a cloud hosting company</h4>
						  <p style="font-size: 20px;margin-top:8px;">We are a digital agency that develops products, software and execute your ideas.</p>
						</div>
					</div>
					<div class="item" style="background:url('images/slide2-venture.jpg') no-repeat;background-size: cover;background-position: 50% 50%;">
						<div class="carousel-caption vant-title" style="margin-top:0px;padding-top: 332px;padding-left: 111px;">
						  <h4 class="venture" style="line-height: 24px;color: #02C7FD;font-weight: normal;font-size: 45px;"><span style="color:#fd3453">Venture</span> Builder</h4>
						  <p class="vant-slogan" style="color:#3b3b3b;font-size: 24px;margin-left: 12px;margin-top: 11px;">Let us execute your ideas.</p>
						</div>
					</div>
					<div class="item" style="background:url('images/slide4-pl.jpg') no-repeat;background-size: cover;background-position: 50% 50%;">
						<div class="carousel-caption photo-pad" style="margin-top:0px;padding-top: 332px;padding-left: 111px;">
						  <h4 style="line-height: 24px;color: #02C7FD;font-weight: normal;font-size: 45px;">Photo<span style="color:#3b3b3b">Live</span></h4>
						  <p class="photo-slogan" style="color:#3b3b3b;font-size: 17px;margin-top: 11px;">Shoot & share your event photos.</p>
						</div>
					</div>
					<div class="item" style="background:url('images/slider2.jpg') no-repeat;background-size: cover;background-position: 50% 50%;">
						<div class="carousel-caption dentist-pad" style="margin-top:0px;padding-top: 410px;text-align: right;float: right;padding-right: 57px;">
						  <h4 class="dentist-title" style="line-height: 36px;color: #3b3b3b;font-weight: normal;font-size: 45px;">My <span style="color:#f6822c;">Dentist</span> Pal</h4>
						  <p class="dentist-slogan" style="color: #3b3b3b;font-size: 20px;margin-top:5px;">Manage your dental practice</p>
						  <p class="dentist-slogan" style="color: #3b3b3b;font-size: 20px;margin-top:5px;">virtually from anywhere</p>
						</div>
					</div>
				</div>
					<a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
					<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
			</div>
		
			<div class="container-fluid circle-bar">
				<div class="row-fluid">
					<div class="span2 span_services"><img class="img_services" src="images/digital_campaign.png"><div class="txt_services">DIGITAL CAMPAIGN</div></div>
					<div class="span2 span_services"><img class="img_services" src="images/branding_strategy.png"><div class="txt_services">BRANDING STRATEGY</div></div>
					<div class="span2 span_services"><img class="img_services" src="images/software_development.png"><div class="txt_services">SOFTWARE DEVELOPMENT</div></div>
					<div class="span2 span_services_last"><img class="img_services" src="images/web_development.png"><div class="txt_services">WEB DEVELOPMENT</div></div>
				</div>
			
			</div>		
		</div>

		
		
		
		<!--PAGE 2-->
	
		<div id="page2" class="page1">
			<div style="position:relative">
				<div class="page2_header">
					<hr class="blue">
					<div class="page_header">
						<!--<img class="" src="images/we_are_cloudwalk.png" alt=""/>-->
						<h3 style="color:#f6822c;font-weight:normal;font-size: 38px;"><span style="color:#cecece;font-size: 27px;position: relative;top: -11px;">We are</span> CLOUDWALK <span style="color:#4d4d4f;">DIGITAL</span></h3>
					</div>
					<hr class="orange">
				</div>
			</div>	
			<img class="about_main_img"  id="about" src="images/about_img.jpg">
			<div class="page2_content">
				<div class="page2_para">
					<p>Founded in 2012, Cloudwalk arises as the newest digital</p>
					<p>agency that creates web, software and mobile apps that</p>
					<p>are simple, easy to use and lightweight</p>
				</div>
				
				<div class="page2_para">
					<p>Cloudwalk aims to create digital solutions that can make</p>
					<p>things easier, more fun and more relevant to users</p>
				</div>
				
				<div class="page2_para">
					<p><small>If you like what we do, and think we could work together</small></p>
					<p><small>then <a class="email-us2 getin" href="#email-us2">get in touch</a> or <a class="email-us2 getin" href="#email-us2">request a quote.</a></small></p>
				</div>
			</div>
		</div>
		
		
		
		<!--PAGE 3-->
		<div class="page" id="services">
		
			<hr class="blue">
			<div class="page_header"><img class="" src="images/what_we_can_do.png" alt=""/></div>
			<hr class="orange">
		
				
			<div class="row-fluid">
				<div class="img_services_div">
					<div class="span3 img_services_span2"><img class="services_icon" src = "images/service_icon1.png" alt=""></div>
					<div class="span3 img_services_span2"><img class="services_icon" src = "images/service_icon2.png" alt=""></div>
					<div class="span3"><img class="services_icon" src = "images/service_icon3.png" alt=""></div>
				</div>
			</div>
		
			<div class="row-fluid">
				<div class="img_services_div">
					<div class="span3 img_services_span2"><img class="services_icon" src = "images/service_icon4.png" alt=""></div>
					<div class="span3 img_services_span2"><img class="services_icon" src = "images/service_icon5.png" alt=""></div>
					<div class="span3"><img class="services_icon" src = "images/service_icon6.png" alt=""></div>
				</div>
			</div>
	
		</div>
		<style type="text/css">
			.page4_img1_div a.page4_img1_a2
			{
				color: white;
				background: #F36279;
				border-radius: 4px;
				padding: 6px 14px;
				font-size: 15px;
				text-decoration:none;
			}
			.page4_img1_div a.page4_img1_a2:hover
			{
				background: #d05064;
			}
			.page4_img4_div a.page4_img4_a2
			{
				color: white;
				background: #F6822C;
				border-radius: 4px;
				padding: 6px 14px;
				font-size: 15px;
				text-decoration: none;
			}
			
			.page4_img4_div a.page4_img4_a2:hover
			{
				background: #ce7737;
			}
		</style>
	
		<!--page 4-->
		<div class="page4_with_bg" id="products" >
			<hr class="blue">
								 
				<div class="page4">		
					<div class="span5" style="width:45%;">
						
						<div class="page4_img1_div">
							<a href="" target='_blank' class="page4_img1_a1">
								<img src="images/brain.png" alt="" class="page4_img1_img"/></a>
							<p class="page4_img1_p1">Digital</p>
							<p class="page4_img1_p2">Campaigns</p>
							<!--<a target='_blank' href="" class="page4_img1_a2">SEE WORKS</a>-->
						</div>
						
						<div class="page4_img2_div">
							
							<div class="page4_img2_p1" style="color: #898989;font-size: 11px;">
							<a href="http://photolive.com.ph/" target='_blank' class="page4_img2_a1">
								<img style="margin-right:15px;" src="images/p-live.png" alt="" class="page4_img1_img"/>
							</a>
								<p>Shoot & Share your event photos!</p><br/>
								<p>A first of its kind modern, digital photo booth that combines sophisticated design with the latest in digital technology creating a memorable experience for you and your guests.</p>
							</div>
							<span class="page4_img2_span">
								<a href="http://photolive.com.ph/" target='_blank' class="page4_img2_a3"><img src="images/link_photolive.png" alt="" class="page4_img2_img"/></a>
								<a href="http://photolive.com.ph/" target='_blank' class="visit_photolive"><p class="page4_img2_p2">Visit Site</p></a>    
							</span>
						</div>
					</div>
					
					<div class="span5" style="margin-left: 0px;width:45%	">
						<div class="page4_img3_div">
							<a href="http://mydentistpal.com/" target='_blank' class="page4_img3_a1">
								<img src="images/dental.png" alt="" class="page4_img3_img"/></a>
							<p style="color: #898989;font-size: 11px;">My Dentist Pal is a full-featured dental office software that can can grow your dental practice like never before! It's every dentist's friend on the web!</p>                            
							<a href="http://mydentistpal.com/" target='_blank' class="page4_img3_a2"><img src="images/dental_arrow.png" alt=""/></a>
							<a href="http://mydentistpal.com/" target='_blank' class="visit_photolive"><p class="page4_img3_p2">Visit Site</p></a>
						</div>
							
						<div class="page4_img4_div">
							<a href="" class="page4_img4_a1">
								<img src="images/diamod.png" alt="" style="page4_img1_img"/></a>
							<p class="page4_img4_p1">Software</p>
							<p class="page4_img4_p2">Development</p>
							<!--<a href="" class="page4_img4_a2">
								SEE WORKS
							</a>-->
						</div>					
					</div>
			
						
				</div>
			<hr class="orange2">	
			
		</div>
		
		<!-- For mobile -->
		<div class="row-fluid products-mobile" style="margin-top: 840px;">
			<hr class="blue">
				<div class="span12" style="text-align:center;margin-bottom:72px;margin-top:20px;">
					<img src="images/brain.png" alt="" class=""/>
					<p class="page4_img1_p1">Digital</p>
					<p class="page4_img1_p2">Campaigns</p>
					<!--<a target='_blank' href="" class="page4_img1_a2">SEE WORKS</a>-->
				</div><br/>
				<div class="span12" style="text-align:center;margin-bottom:72px;margin-top:20px;">
							
					<div class="" style="color: #898989;font-size: 11px;">
					<a href="http://photolive.com.ph/" target='_blank' >
						<img style="margin-right:15px;" src="images/p-live.png" alt="" class="page4_img1_img"/>
					</a>
						<p>Shoot & Share your event photos!</p><br/>
						<p>A first of its kind modern, digital photo booth that combines sophisticated design with the latest in digital technology creating a memorable experience for you and your guests.</p>
					</div>
					<span class="page4_img2_span">
						<a href="http://photolive.com.ph/" target='_blank' class="page4_img2_a3"><img src="images/link_photolive.png" alt="" class="page4_img2_img"/></a>
						<a href="http://photolive.com.ph/" target='_blank' class="visit_photolive"><p class="page4_img2_p2">Visit Site</p></a>    
					</span>
				</div>
				<div class="span12" style="text-align:center;margin-bottom:72px;margin-top:20px;">
					<a href="http://mydentistpal.com/" target='_blank' class="">
						<img src="images/dental.png" alt="" class=""/></a>
					<p style="color: #898989;font-size: 11px;">My Dentist Pal is a full-featured dental office software that can can grow your dental practice like never before! It's every dentist's friend on the web!</p>                            
					<a href="http://mydentistpal.com/" target='_blank' class="page4_img3_a2"><img src="images/dental_arrow.png" alt=""/></a>
					<a href="http://mydentistpal.com/" target='_blank' class="visit_photolive"><p class="page4_img3_p2">Visit Site</p></a>
				</div><br />
				<div class="span12" style="text-align:center;margin-bottom:72px;margin-top:20px;">
					<a href="" class="">
						<img src="images/diamod.png" alt="" style=""/></a>
					<p class="page4_img4_p1">Software</p>
					<p class="page4_img4_p2">Development</p>
					<!--<a href="" class="page4_img4_a2">
						SEE WORKS
					</a>-->
				</div>	
				<hr class="orange2">
		</div>
		
	
		
		<!--page 5-->
		<div class="page_team" id="team">	
			<hr class="blue">

			<div class="page_header">
				<img class="" src="images/the_team_that_works.png" alt=""/>
			</div>
			<hr class="orange" style="margin-bottom: 1px;">
		
			<div class="row-fluid">
				<div class="img_services_div">
					<div class="span3 img_services_span2"><img class="services_icon team_icon" src = "images/team1.png" alt=""><div class="txt_team"><p class="team_name">Marc</p><p class="team_position">Managing Partner</p><p class="team_contact">@marcmedina</p></div></div>
					<div class="span3 img_services_span2"><img class="services_icon team_icon" src = "images/team2.png" alt=""><div class="txt_team"><p class="team_name">Bianca</p><p class="team_position">Operations Manager</p><p class="team_contact">@biancamedina</p></div></div>
					<div class="span3"><img class="services_icon team_icon" src = "images/team3.png" alt=""><div class="txt_team"><p class="team_name">Pinky</p><p class="team_position">Admin Manager</p><p class="team_contact">@pinky</p></div></div>
				</div>
			</div>
		
			<div class="row-fluid">
				<div class="img_services_div">
					<div class="span3 img_services_span2"><img style="margin-top: 12px;" class="services_icon team_icon" src = "images/team4.png" alt=""><div class="txt_team"><p class="team_name">Joji</p><p class="team_position">Software Engineer</p><p class="team_contact">@joji</p></div></div>
					<div class="span3 img_services_span2"><img style="margin-top: 12px;" class="services_icon team_icon" src = "images/team5.png" alt=""><div class="txt_team"><p class="team_name">Albert</p><p class="team_position">Software Engineer</p><p class="team_contact">@albert</p></div></div>
					<div class="span3"><img style="margin-top: 12px;" class="services_icon team_icon" src = "images/team6.png" alt=""><div class="txt_team"><p class="team_name">Tef</p><p class="team_position">Art Director</p><p class="team_contact">@tef</p></div></div>
				</div>
			</div>
		</div>
		
			
			
		<!--page 6-->
		<div class="page_last" id="contact">
		
			<hr class="blue">
			<div class="page_header"><img class="" src="images/where_to_find_us.png" alt=""/></div>
			<hr class="orange">
		
			<div class="row-fluid">
			
	
					

				<div class="span6 contact_us" style="width:50%;margin-left:5%">
				
				<iframe class="map" frameBorder='0' src='http://a.tiles.mapbox.com/v3/cwdtef.map-6b21db4m.html#15/14.634528717504201/1561.0549703260426'></iframe>

				
				</div>
				<div class="span5 contact_us2" class="email_message_us">
					

					<div class="row-fluid">	
					
						
						<div class="span4 offset2 ask-holder2">						
							<img class="services_icon2" src = "images/email.png" alt="">					
							<a id="email-us2" href="mailto:whatsup@cloudwalkdigital.com" class="btn btn-primary email_us asked2 email-us2">EMAIL US</a>
				
						</div>
						<div class="span4 ask-holder">						
							<img class="services_icon" src = "images/ask_quote.png" alt="">					
							<a href="mailto:whatsup@cloudwalkdigital.com" class="btn btn-primary email_us asked">ASK FOR A QUOTE</a>
				
						</div>
						
					
					</div>
				
					<div class="mail" style="margin-top:10%">
						<div id="response"></div>	
					</div>
								
					<form id="formail" action="" method ="post">
					  <fieldset>	
					  <div class="alert" style="display:none;">
						<p>Message Sent!</p>
					</div>
						<input class="email_text" type="text" name="name" id="name2" placeholder="Name"/>
						<input class="email_text" type="text" name="mail" id="mail2" placeholder="Email"/>
						<input type="hidden" name="subject" id="subject" value="Cloudwalk Digital Inquiry" />
						<textarea class="email_text" name="text" id="text2" placeholder="Message" rows="10"></textarea><br/>
						<!--<button type="submit" class="btn btn-primary submitc" id="sendmail" name="sendmail">Submit</button>-->
						<button class="btn btn-primary submitc" id="submit-form" >Submit</button>
					  </fieldset>
					</form>
					
				</div>
				<div class="clearfix"></div>
				<div class="row-fluid info-mobile" style="text-align: center;margin-bottom: 58px;">
					<div class="span12">
						<p style="color:#f6822c;font-size:14pt;">CloudWalk <span style="color:#898989;">Digital</span></p>
					</div>
					<div class="span12">
						<p style="font-family:'monda',arial;font-size:12pt;color:#f6822c;">115 Kasing-kasing St. cor K6 Kamias, QC Philippines</p>
					</div>
					<div class="span12">
						<span style="color:#898989;font-family:'monda',arial;font-size:14pt;">02 218 5853</span>
					</div>
					<div class="span12">
						<span style="color:#898989;font-size:12pt;">whatsup@cloudwalkdigital.com</span>
					</div>
					<div class="span12">
						<span style="color:#898989;font-size:12pt;">COPYRIGHT © 2013 CLOUDWALK DIGITAL ALL RIGHTS RESERVED</span>
					</div>
				</div>
				<div class="row-fluid info-cloud" style="padding-top:18px;">
					<div class="span6" style="margin-left:5%">
						<p style="color:#f6822c;font-size:14pt;">CloudWalk <span style="color:#898989;">Digital</span></p>
					</div>
					<div class="span4 offset1" style="text-align: right;padding-right: 21px;">
						<span style="color:#898989;font-family:'monda',arial;font-size:14pt;">02 218 5853</span>
					</div>
					<div class="span6" style="margin-left:5%">
						<p style="font-family:'monda',arial;font-size:12pt;color:#f6822c;">115 Kasing-kasing St. cor K6 Kamias, QC Philippines</p>
					</div>
					<div class="span4 offset1" style="text-align: right;padding-right: 21px;">
						<span style="color:#898989;font-size:12pt;">whatsup@cloudwalkdigital.com</span>
					</div>
				</div>
			</div>
			
	
		</div>
		<!--footer-->
				
				<div class="links_fixed" style="line-height: 4px;">
					<div class="social">
						<ul style="margin-right: 8px;">
							<li><a target="_blank" href="http://www.facebook.com/CloudwalkDigital" class="cssmouseoverfacebook" ></a></li>
							<li><a target="_blank" href="http://twitter.com/cwdph" class="cssmouseovertwiter" ></a></li>
							<li><a target="_blank" href="https://plus.google.com/110852726515924440454/" class="cssmouseovergoogle" ></a></li>
							<li><a target="_blank" href="http://ph.linkedin.com/company/cloudwalk-digital" class="cssmouseoverlnkin" ></a></li>
							<li><a target="_blank" href="http://pinterest.com/cwdph/" class="cssmouseoverpint" ></a></li>
						</ul>
					</div>
				</div>
					<map name="footer_link">
						<area shape="rect" coords="30,0,0,24" href="http://www.facebook.com/CloudwalkDigital" target='_blank' alt="Facebook">
						<area shape="rect" coords="70,0,40, 24" href="http://twitter.com/cwdph" target='_blank' alt="Twitter">
						<area shape="rect" coords="113,0,83,24," href="https://plus.google.com/110852726515924440454/" target='_blank' alt="Google+">
						<area shape="rect" coords="151,0,120,24" href="http://ph.linkedin.com/company/cloudwalk-digital" target='_blank' alt="LinkIn">
						<area shape="rect" coords="196,0,164,24" href="http://pinterest.com/cwdph/" target='_blank' alt="Pink">
					 </map>
		
		<div class="copy copy-info">
			<div class="row-fluid">
				<div class="span12">COPYRIGHT © 2013 CLOUDWALK DIGITAL ALL RIGHTS RESERVED</div>
			</div>
		</div>
	</div>
	
	
</body>


</html>

